<template>
  <el-dialog :visible.sync="isDialog"
    title="查看详情"
    width="600px">
    <el-form 
      label-position="left"
      label-width="100px">
      <el-form-item label="订单号">
        {{info.order_sn}}
      </el-form-item>
      <el-form-item label="订单总金额">
        {{(parseFloat(info.orderfee)).toFixed(2) }}
      </el-form-item>
      <el-form-item label="联系人">
        {{info.linkman}}
      </el-form-item>
      <el-form-item label="联系电话">
        {{info.contact}}
      </el-form-item>
      <el-form-item label="收货地址">
        {{info.address}}
      </el-form-item>
      <el-form-item label="创建时间">
        {{info.create_time}}
      </el-form-item>
      <el-form-item label="订单状态">
        {{state(info.is_pay)}}
      </el-form-item>
      <el-form-item label="退单状态">
        {{info.status_str}}
      </el-form-item>
      <el-form-item label="快递公司">
        {{info.express_type}}
      </el-form-item>
      <el-form-item label="运单号">
        {{info.express_number}}
      </el-form-item>
      <el-form-item label="配送工">
        {{info.worker_info}}
      </el-form-item>
    </el-form>

    <el-button slot="footer"
      type="primary"
      @click="isDialog = false">确 定</el-button>
  </el-dialog>
</template>

<script>
export default {
  props: ['info'],
  data() {
    return {
      isDialog: false,
     
    }
  },
  created(){

  },

  methods:{
    state(val){
      if(val===0){
        return '未付款'
      }else if(val === 1){
        return '已付款'
      }
    }
  },
  computed:{
    idForm:function(){
      return this.info;
    }
  }
}
</script>

<style>
</style>
